<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="./css/discover.css">
</head>
<body>
    <div class="wrap">
        <header>
            <nav>
                <button class="return">Back</button>
                <p>发现</p>
                <select name="
                " id="">
                    <option value="">广州市</option>
                    <option value="">佛山市</option>
                    <option value="">深圳市</option>
                    <option value="">惠州市</option>
                </select>
            </nav>
            <div class="inquire">
                <input type="search" name="search" placeholder="请输入商品名称">
            </div>
            <div class="writing">
                <p>大家都在搜</p>
            </div>
            <div class="form">
                <table cellspacing="10px">
                    <tr>
                        <th>寿司</th>
                        <th>羽毛球</th>
                        <th>火锅</th>
                        <th>游泳馆</th>
                    </tr>
                    <tr>
                        <th>电影</th>
                        <th>周黑鸭</th>
                        <th>KTV</th>
                        <th>肯德基</th>
                    </tr>                       
                </table>
            </div>
        </header>
        <main>
            <div class="hot">
                <p><i class="iconfont icon-huo"></i>热门搜索</p>
                <p>更多<i class="iconfont icon-xiayiyeqianjinchakangengduo-xianxingyuankuang"></i></p>
            </div>
            <div class="cate">
                <div class="cate1">
                    <img src="./images/搜索_03.png" alt="">
                </div>
                <div class="cate2">
                    <img src="./images/搜索_05.png" alt="">
                    <img src="./images/搜索_09.png" alt="">
                    <img src="./images/搜索_11.png" alt="">
                </div>
            </div>
            <div class="recommend">
                <p><i class="iconfont icon-wujiaoxing-"></i>推荐搜索</p>
                <p>更多<i class="iconfont icon-xiayiyeqianjinchakangengduo-xianxingyuankuang"></i></p>
            </div>
                <div class="film">
                    <div class="poster">
                        <img src="./images/搜索_16.png" alt="">
                    </div>
                    <div class="poster">
                        <img src="./images/搜索_19.png" alt="">
                    </div>
                    <div class="poster">
                        <img src="./images/搜索_21.png" alt="">
                    </div>
                </div>
        </main>
        <footer>
            <div class="nav">
                <ul>
                    <li>
                        <a href="./index.html">
                            <i class="iconfont icon-shouye-shouye"></i>
                            <p>首页</p>
                        </a>
                    </li>
                    <li>
                        <a href="./classify.html">
                            <i class="iconfont icon-fenlei"></i>
                            <p>分类</p>
                        </a>
                    </li>
                    <li>
                        <a href="./discover.html">
                            <i class="iconfont icon-faxian"></i>
                            <p>发现</p>
                        </a>
                    </li>
                    <li>
                        <a href="./my.html">
                            <i class="iconfont icon-xiazai"></i>
                            <p>我的</p>
                        </a>
                    </li>
                </ul>
            </div>
        </footer>
    </div>
</body>
</html>